<template>
  <div class="row justify-content-around">
    <div class="col-md-3 item" v-bind:key="blog.BlogId" v-for="blog in blogs">
      <BlogCardItem v-bind:blog="blog" v-bind:CoverImage="CoverImage" />
    </div>
  </div>
</template>

<script>
import BlogCardItem from "./BlogCardItem";

export default {
  name: "Articles",
  components:{
    BlogCardItem
  },
  data(){
    return{
      CoverImage:String
    };
  },
  props:["blogs"],
  created(){
    this.$data.CoverImage= process.env.VUE_APP_CoverImage
  }
};
</script>

<style scoped>
.item {
  position: relative;

  /* padding: 15px; */
}
</style>